.chat-wrap {
    background: rgba(255, 255, 255, 1);

    .model-content,
    .chat-main {
        padding: 0 48rpx;

        .center {
            margin-top: 20rpx;
            text-align: center;
            color: rgba(25, 29, 35, 0.5);
            letter-spacing: -0.29px;
            font-size: 24rpx;
        }

        .hd-img {
            width: 64rpx;
            height: 64rpx;

            image {
                width: 100%;
                height: 100%;
                border-radius: 18rpx;
            }
        }

        .left,
        .right {
            display: flex;
            align-items: center;
            margin-top: 40rpx;

            .content {
                margin-left: 20rpx;
            }

            .msg {
                max-width: 448rpx;
                height: 128rpx;
                padding: 20rpx;
                background: rgba(244, 244, 244, 1);
                border-radius: 24rpx 24rpx 24rpx 0;
                box-sizing: border-box;
            }

            .time {
                margin-top: 8rpx;
                color: rgba(25, 29, 35, 0.5);
                letter-spacing: -0.29px;
                font-size: 24rpx;

            }
        }

        .right {
            .msg {
                border-radius: 24rpx, 24rpx, 0, 24rpx;
                background: rgba(255, 234, 222, 1);
            }
        }
    
        .left {
            justify-content: flex-start;
        }

        .right {
            justify-content: flex-end;
        }
    }

    .send {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 48rpx var(--status-bar-height) 48rpx;
        box-sizing: border-box;

        .con {
            width: 100%;
            height: 88rpx;
            padding: 0 50rpx 0 24rpx;
            background: rgba(242, 242, 242, 1);
            background-blend-mode: normal;
            border-radius: 24rpx;

            line-height: 88rpx;
            color: rgba(25, 29, 35, 1);
            letter-spacing: -0.34px;
            font-size: 28rpx;
            box-sizing: border-box;
        }

        image {
            position: absolute;
			top: 32rpx;
            right: 68rpx;
            
            width: 40rpx;
            height: 40rpx;
            mix-blend-mode: normal;
            transform: rotate(-360deg);
        }
    }

    .alone-chat-model {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);

        .model-content {
            position: fixed;
            left: 0;
            bottom: -1200rpx;
            // bottom: 0;
            width: 100%;
            height: 1200rpx;
            padding: 60rpx;
            background: #fff;
            background-blend-mode: normal;
            border-radius: 48rpx 48rpx 0px 0px;
            mix-blend-mode: normal;
            z-index: 1;
            box-sizing: border-box;
        }

        .model-main {
            width: 100%;
        }

        .name {
            text-align: center;
            color: rgba(25, 29, 35, 1);
            letter-spacing: -0.22px;
            font-size: 36rpx;
        }
    }
}